<html>
<head>
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style>
body{background:black;margin:0;}
#main{position:relative;width:100%;height:100%;}
#text{position:absolute;left:0;top:0;color:gray;font-size:50px;font-weight:bold;}
#divimage{position:absolute;width:100%;height:100%;left:0;top:0;text-align:center;}
#sound{cursor:hand;margin:5px;}
#image{vertical-align:middle;width:auto;height:100%;}
</style>
<title>音乐相册</title>
</head>
<body>
<script src=list.js></script>
<div id=main>
<div id=divimage><img id=image></div>
<div id=text><img id=sound src=sound.png></div>
<!--<video id=video src="http://sc1.111ttt.cn:8282/2015/1/01m/29/94291820427.m4a?#.mp3" autoplay=autoplay controls=controls loop="loop"></video>-->
<audio id=audio src="http://sc1.111ttt.cn:8282/2015/1/01m/29/94291820427.m4a?#.mp3" autoplay=autoplay loop=loop>您的浏览器不支持 audio 标签。</audio>
</div>
</body>
<script>
var pause=false;
var imgslen;
var image;
window.onload=function(){
	image=images.split(';');
	changeImage();
	setInterval("changeImage()",5000);
}

function $id(s){return document.getElementById(s);}
	
$id('sound').onclick=function(){
	pause=!pause;
	if(pause){
		$id('audio').pause();
		$id('sound').src='mute.png';
	}else{
		$id('audio').play();
		$id('sound').src='sound.png';
	}
}

function changeImage(){
	var i=parseInt(Math.random()*image.length-1);
	console.log(i+": "+image[i]);
	$id('image').src=image[i];
}
</script>
</html>